<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Vue.js</title>
    <meta name="generator" content="VuePress 1.6.0">
    <link href="static/css/css.css" rel="stylesheet">
    <link href="static/css/font-awesome.min.css" rel="stylesheet">
    <link rel="icon" href="static/picture/logo.png">
    <link rel="manifest" href="https://v3.cn.vuejs.org/manifest.json">
    <link rel="apple-touch-icon" href="https://v3.cn.vuejs.org/images/icons/apple-icon-152x152.png">
    <script src="static/js/iframeapi.js"></script>
    <meta name="description" content="Vue.js - The 渐进式 JavaScript 框架">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
    <meta name="msapplication-TileColor" content="#000000">
    <link rel="preload" href="static/css/0.styles.e45bfda3.css" as="style"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/app.824bcde7.js" as="script"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/11.8d95dd7b.js" as="script"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/29.504650ba.js" as="script"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/40.51bb585e.js" as="script"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/25.b7cca482.js" as="script"><link rel="preload" href="https://v3.cn.vuejs.org/assets/js/22.4fdda504.js" as="script"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/1.dccf396c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/100.fc218074.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/101.46997daa.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/102.a8287271.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/103.10b588d8.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/104.fc07a53a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/105.b651587e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/106.67863e9b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/107.e79c6b19.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/108.b26ff980.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/109.118140b0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/110.e754d95f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/111.d1708f42.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/112.655a1e60.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/113.39959172.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/114.3743b6be.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/115.1ade1533.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/116.185594b9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/117.4d956cd5.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/118.3852b43e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/119.e537a58e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/12.5f0559f4.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/120.2cf9d5e0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/121.fd29161b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/122.25f4761d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/123.dafaf565.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/124.f2105f04.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/125.1cf41e2b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/126.b7748dcb.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/127.007667f6.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/128.408bcc87.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/129.11514e0d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/13.a565cd43.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/130.f9c18e2f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/131.c4d957d3.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/132.05436c43.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/133.960087d9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/134.ee4d5043.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/135.2ecd32a0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/136.3fb78c84.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/137.f38f3d48.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/138.65a9494b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/139.de20b4d8.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/14.2d21f461.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/140.d3875f31.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/141.ee8f28f9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/142.437ce12a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/143.8abbb663.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/144.f5979731.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/145.d5f0fe45.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/146.b6c39a4e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/147.514b18f4.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/148.a3e8d328.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/149.15baf1d4.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/15.8f8d3b5c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/150.b9c36787.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/151.3a894ff9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/152.5766f7d4.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/153.93c1b6de.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/154.0aa4c34b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/155.74d15feb.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/156.ca5e525d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/157.e23c89d9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/158.7dfcabb6.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/159.1b9dfed7.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/16.99589a89.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/160.36c14f30.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/161.8133b8c8.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/162.caa8890c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/163.ff24f737.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/164.8cb301f0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/165.b348eba0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/166.7569a096.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/167.c1738ea7.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/168.b74bb5fc.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/169.beed47bc.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/17.062d3911.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/170.f9694505.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/171.e26727e0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/172.8cf8bf35.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/173.9f35771c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/174.588c4f32.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/175.ac782ccb.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/176.94af6e18.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/177.95a59f4e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/178.2f4b0630.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/179.ae2c0c85.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/18.0d13a77a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/180.aaf24e43.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/181.c74c3103.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/182.deb7feb5.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/183.f37cb028.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/184.936d716a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/185.c13461e9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/186.25a1b30c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/187.3bc768f9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/188.b6e719b6.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/19.fe2d40c2.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/2.75ae43f1.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/20.738c9388.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/21.2ae0f44c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/23.4669b1a1.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/24.17353396.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/26.ba9e1fec.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/27.46bcb1e9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/28.fb95e358.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/3.a1647fcd.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/30.a38666bf.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/31.46fb8892.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/32.c952e38f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/33.323c8512.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/34.1f3cec39.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/35.e275d2cf.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/36.55488e69.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/37.a0a851d0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/38.82bb4c68.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/39.3146a2f9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/4.080ac393.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/41.b98ed5a7.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/42.49926c98.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/43.6dc26c8f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/44.8fd7ca2d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/45.d303ca8a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/46.9e806617.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/47.d8359429.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/48.a02e830d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/49.9677f9cb.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/5.234680b7.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/50.0e7ee6af.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/51.d5f9c70d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/52.cacb0725.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/53.e6479c42.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/54.477106ad.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/55.f782853a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/56.8a6be712.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/57.54bf3ea7.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/58.a75c3bf9.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/59.49e59cbf.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/6.e1197fdc.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/60.ec1227b4.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/61.4f7ca373.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/62.e32f9a48.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/63.83d7df7f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/64.d7ff14f5.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/65.668e2939.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/66.2c186f2f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/67.cc7023fa.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/68.eb21f291.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/69.75c1478e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/7.f22e56d0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/70.29cc00e5.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/71.f52bfa61.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/72.5ad0ff13.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/73.fbd2e4a5.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/74.acad0152.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/75.b2864493.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/76.a2f9a23b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/77.5e7e72a0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/78.39cadb69.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/79.4bcaef78.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/80.9376feb2.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/81.03c4f395.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/82.bf0047bb.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/83.454e906d.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/84.38bb4dd3.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/85.67183d06.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/86.f7bafa2b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/87.4877482e.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/88.116856b3.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/89.ca38fd17.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/90.d1a562b0.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/91.86e3a73f.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/92.ad92531c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/93.4b6eea7a.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/94.31d2b932.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/95.362c65a6.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/96.1b1e79f1.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/97.4ffcf79c.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/98.905c4ddd.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/99.1bed6b0b.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/vendors~docsearch.4746c1d8.js"><link rel="prefetch" href="https://v3.cn.vuejs.org/assets/js/vendors~search-page.a66a448f.js">
    <link rel="stylesheet" href="static/css/0.styles.e45bfda3.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><!----> <header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="static/picture/logo.png" alt="Vue.js" class="logo"> <span class="site-name can-hide">Vue.js</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档菜单" class="dropdown-title"><span class="title">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="introduction.html" class="nav-link">
  教程
</a></li><li class="dropdown-item"><!----> <a href="index8.html" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="index9.html" class="nav-link">
  Cookbook
</a></li><li class="dropdown-item"><!----> <a href="markdown.html" class="nav-link">
  示例
</a></li><li class="dropdown-item"><!----> <a href="writing-guide.html" class="nav-link">
  贡献文档
</a></li><li class="dropdown-item"><!----> <a href="introduction1.html" class="nav-link">
  从 Vue 2 迁移
</a></li></ul></div></div><div class="nav-item"><a href="index10.html" class="nav-link">
  API 参考
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="生态系统" class="dropdown-title"><span class="title">生态系统</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          社区
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="team1.html" class="nav-link">
  团队
</a></li><li class="dropdown-subitem"><a href="partners1.html" class="nav-link">
  合作伙伴
</a></li><li class="dropdown-subitem"><a href="join1.html" class="nav-link">
  加入
</a></li><li class="dropdown-subitem"><a href="themes1.html" class="nav-link">
  主题
</a></li></ul></li><li class="dropdown-item"><h4>
          官方项目
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Weekly news
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Blog
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="支持 Vue" class="dropdown-title"><span class="title">支持 Vue</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="index11.html#一次性捐款" class="nav-link">
  一次性捐款
</a></li><li class="dropdown-item"><!----> <a href="index11.html#周期性赞助" class="nav-link">
  周期性捐款
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  贴纸
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  周边
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  T-Shirt 商店
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="多语言" class="dropdown-title"><span class="title">多语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  English
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  한국어
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  日本語
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  Русский
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="translations.html#community-translations" class="nav-link">
  更多翻译
</a></li></ul></div></div> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <div id="docsearch"></div></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档菜单" class="dropdown-title"><span class="title">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="introduction.html" class="nav-link">
  教程
</a></li><li class="dropdown-item"><!----> <a href="index8.html" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="index9.html" class="nav-link">
  Cookbook
</a></li><li class="dropdown-item"><!----> <a href="markdown.html" class="nav-link">
  示例
</a></li><li class="dropdown-item"><!----> <a href="writing-guide.html" class="nav-link">
  贡献文档
</a></li><li class="dropdown-item"><!----> <a href="introduction1.html" class="nav-link">
  从 Vue 2 迁移
</a></li></ul></div></div><div class="nav-item"><a href="index10.html" class="nav-link">
  API 参考
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="生态系统" class="dropdown-title"><span class="title">生态系统</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          社区
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="team1.html" class="nav-link">
  团队
</a></li><li class="dropdown-subitem"><a href="partners1.html" class="nav-link">
  合作伙伴
</a></li><li class="dropdown-subitem"><a href="join1.html" class="nav-link">
  加入
</a></li><li class="dropdown-subitem"><a href="themes1.html" class="nav-link">
  主题
</a></li></ul></li><li class="dropdown-item"><h4>
          官方项目
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Weekly news
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-subitem"><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Blog
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="支持 Vue" class="dropdown-title"><span class="title">支持 Vue</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="index11.html#一次性捐款" class="nav-link">
  一次性捐款
</a></li><li class="dropdown-item"><!----> <a href="index11.html#周期性赞助" class="nav-link">
  周期性捐款
</a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  贴纸
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  周边
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external">
  T-Shirt 商店
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="多语言" class="dropdown-title"><span class="title">多语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  English
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  한국어
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  日本語
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="javascript:;" target="_blank" class="nav-link external">
  Русский
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="translations.html#community-translations" class="nav-link">
  更多翻译
</a></li></ul></div></div> <a href="javascript:;" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav>  <!----> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><div class="inner"><div class="left"><img src="static/picture/logo.png" alt="hero"></div> <div class="right"><h1 id="main-title">Vue.js</h1> <h2 class="tagline">渐进式<br> JavaScript 框架</h2> <div class="actions"><a href="" aria-current="page" class="nav-link router-link-exact-active router-link-active vuemastery-trigger primary has-icon" data-v-54cb4917=""><i class="icon fa fa-play-circle" data-v-54cb4917=""></i>
  Why Vue.js?
</a><a href="introduction.html" class="nav-link  " data-v-54cb4917=""><!---->
  起步
</a><a href="javascript:;" target="_blank" rel="noopener noreferrer" class="nav-link external github grey has-icon" data-v-54cb4917=""><i class="icon fa fa-github" data-v-54cb4917=""></i>
  GitHub
  <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound" data-v-54cb4917=""><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div></div></header> <div class="special-sponsors" data-v-4bcd5339=""><h3 data-v-4bcd5339="">特别赞助</h3> <div class="blocks" data-v-4bcd5339=""><a target="_blank" rel="noopener sponsored" href="javascript:;" data-v-73933db3="" data-v-4bcd5339=""><img src="static/picture/dcloud1.png" alt="DCloud logo" width="160" data-v-73933db3=""> <span class="description" data-v-73933db3=""></span></a><a target="_blank" rel="noopener sponsored" href="javascript:;" data-v-73933db3="" data-v-4bcd5339=""><img src="static/picture/authing.svg" alt="Authing logo" width="160" data-v-73933db3=""> <span class="description" data-v-73933db3=""></span></a></div></div> <section class="section-features"><div class="inner"><div class="feature"><h2>易用</h2> <p>已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！</p></div><div class="feature"><h2>灵活</h2> <p>不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。</p></div><div class="feature"><h2>高效</h2> <p>20kB min+gzip 运行大小<br>
超快虚拟 DOM<br>
最省心的优化
</p></div></div></section> <div class="theme-default-content custom content__default"><div class="overlay" style="display:none;"><div class="modal"><div class="video-space" style="padding: 56.25% 0 0 0; position: relative;"></div> <p class="modal-text">
      Video by
      <a href="javascript:;" target="_blank" rel="sponsored noopener" title="Vue.js Courses on Vue Mastery">Vue Mastery</a>. Watch Vue Mastery’s free
      <a href="javascript:;" target="_blank" rel="sponsored noopener" title="Vue.js Courses on Vue Mastery">Intro to Vue course</a>.
    </p></div></div></div> <section class="section-sponsors"><div class="inner"><div class="sponsors sponsors__patreon"><h3 class="heading">Patreon 赞助商</h3> <div class="content"><div class="platinum"><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/vueschool.png" width="160" alt="VueSchool"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/vehikl.png" width="160" alt="Vehikl"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/retool.png" width="160" alt="Retool"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/passionate_people.png" width="160" alt="Passionate People"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/storyblok.svg" width="160" alt="Storyblok"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/ionic.png" width="160" alt="Ionic"></a></div> <div class="gold"><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/vuemastery.png" width="120" alt="VueMastery"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/laravel.png" width="120" alt="Laravel"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/html_burger.png" width="120" alt="HTML Burger"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/frontendlove.png" width="120" alt="FrontendLove"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/onsen_ui.png" width="120" alt="Onsen UI"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/neds.png" width="120" alt="Neds"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/vuejobs.png" width="120" alt="VueJobs"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/tidelift.png" width="120" alt="Tidelift"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/firestick_tricks.png" width="120" alt="Firestick Tricks"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/intygrate.png" width="120" alt="Intygrate"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/shopware_ag.png" width="120" alt="shopware AG"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/vpnranks.png" width="120" alt="VPNRanks"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/bacancy_technology.png" width="120" alt="Bacancy Technology"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/bestvpn_co.png" width="120" alt="BestVPN.co"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/y8.png" width="120" alt="Y8"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/devexpress.png" width="120" alt="DevExpress"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/fastcoding_inc.svg" width="120" alt="FASTCODING Inc"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/usave.png" width="120" alt="usave"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/foo.png" width="120" alt="Foo"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/flatlogic_templates.svg" width="120" alt="Flatlogic Templates"></a><a href="javascript:;" target="_blank" rel="sponsored noopener"><img src="static/picture/moovweb.png" width="120" alt="Moovweb"></a></div> <a href="javascript:;" data-v-ae086852="">成为赞助者!</a></div></div> <div class="sponsors sponsors__open-collective" data-v-5f7a761b=""><h3 class="heading">Open Collective 赞助商</h3> <div class="content"><h4 data-v-5f7a761b="">铂金</h4> <a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar.svg" alt="Vue.JS platinum sponsor" data-v-5f7a761b=""></a> <h4 data-v-5f7a761b="">黄金</h4> <a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar1.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar2.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar3.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar4.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar5.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar6.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar7.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar7.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-5f7a761b=""><img src="static/picture/avatar7.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b=""></a></div></div> <div class="sponsors sponsors__open-collective" data-v-78eee962=""><h3 class="heading">中国区视频托管赞助商</h3> <div class="content"><a href="javascript:;" rel="sponsored noopener" target="_blank" data-v-78eee962=""><img src="static/picture/youku.png" alt="Vue.JS sponsor" data-v-78eee962=""></a></div></div></div></section> <section class="section-newsletter"><div class="newsletter" data-v-7bd1495f=""><div class="inner" data-v-7bd1495f=""><h3 data-v-7bd1495f=""><label for="member_email" data-v-7bd1495f="">订阅我们的周刊 (英文)</label></h3> <form id="revue-form" name="revue-form" target="_blank" rel="noopener" action="https://www.getrevue.co/profile/vuenewsletter/add_subscriber" method="post" class="newsletter-form" data-v-7bd1495f=""><input type="email" name="member[email]" id="member_email" required="required" placeholder="邮件地址" class="newsletter-input" data-v-7bd1495f=""> <input type="submit" value="订阅" name="member[subscribe]" id="member_submit" class="button newsletter-button" data-v-7bd1495f=""></form> <p data-v-7bd1495f="">
      你可以在 <a href="javascript:;" target="_blank" rel="noopener" data-v-7bd1495f="">news.vuejs.org</a> 翻阅往期的 issue，也可以收听 podcast。
    </p></div></div></section> <footer class="main-footer"><p><a href="javascript:;" title="GitHub" class="social-icon inverted" data-v-2dac9808=""><i class="fa fa-github" data-v-2dac9808=""></i> <span class="sr-only" data-v-2dac9808="">GitHub</span></a><a href="javascript:;" title="Twitter" class="social-icon inverted" data-v-2dac9808=""><i class="fa fa-twitter" data-v-2dac9808=""></i> <span class="sr-only" data-v-2dac9808="">Twitter</span></a><a href="javascript:;" title="Medium" class="social-icon inverted" data-v-2dac9808=""><i class="fa fa-medium" data-v-2dac9808=""></i> <span class="sr-only" data-v-2dac9808="">Medium</span></a></p> <p class="copyright">遵循<a href="javascript:;" target="_blank" rel="noopener"> MIT 开源协议</a><br>
Copyright © 2014-2021 Evan You
</p></footer></main></div><div class="global-ui"><!----></div></div>
    <script src="static/js/app.824bcde7.js" defer=""></script><script src="static/js/11.8d95dd7b.js" defer=""></script><script src="static/js/29.504650ba.js" defer=""></script><script src="static/js/40.51bb585e.js" defer=""></script><script src="static/js/25.b7cca482.js" defer=""></script><script src="static/js/22.4fdda504.js" defer=""></script>
  </body>
</html>
